Введение

Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Скрипт "Сброс фильтров магазина" позволяет в любом месте сайта разместить кнопку, при нажатии на которую фильтры сбрасываются и страница обновляется. Кнопка может иметь любой вид и содержать любой текст. Обычно кнопку размещают под фильтрами.

Фильтры модуля "Интернет-магазин" хранятся в куках - временных файлах браузера. На каждом сайте и в каждой категории куки фильтров имеют уникальное название. Скрипт определяет, какое название куков на открытой странице, и очищает их. Затем страница обновляется.

Данный скрипт учитывает обновление uCoz от 26 июня 2015 года, то есть если в настройках интернет-магазина вы отметите галочкой пункт "Дублировать фильтры в адресной строке", фильтры все равно будут сброшены.

Первый шаг: загрузка скрипта на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу нажмите на кнопку "Создать папку", введите название папки "js". Затем в файловом менеджере откройте созданную папку "js" и загрузите в неё файл clear-filter.js, который находится в архиве со скриптом (папка "скрипты").

Второй шаг: установка кода

Перейдите в Панель управления » Управление дизайном » Интернет-магазин: Каталог товаров, после кода $FILTER_SELECTOR$ разместите код кнопки "очистить фильтр":

<a href="javascript://" class="clear-filter">Очистить фильтр</a>

И в этом же шаблоне перед тегами </body></html> разместите:

<script type="text/javascript">uCoz._cid = $CID$;</script>
<script type="text/javascript" src="/js/clear-filter.js"></script>

после этого сохраните изменения.

Третий шаг: установка стилей кнопки

Перейдите в Панель управления » Управление дизайном » Интернет-магазин: Таблица стилей (CSS), в самый низ разместите следующий код:

/* clear filter */
.clear-filter {
    height: 40px; 
    padding: 0px 20px; 
    text-align: center; 
    color: #000000; 
    font-family: 'Arial'; 
    font-size: 14px; 
    background: #FFFFFF; 
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F6F6 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F6F6F6)); 
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F6F6F6 100%); 
    background: -o-linear-gradient(top, #FFFFFF 0%,#F6F6F6 100%); 
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F6F6F6 100%); 
    background: linear-gradient(to bottom, #FFFFFF 0%,#F6F6F6 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=0 ); 
    border-width: 2px; 
    border-style: solid; 
    border-color: #DCDCDC; 
    border-radius: 6px; 
}
/* end clear filter */ 

В коде используется лишь один класс clear-filter, который отвечает за внешний вид кнопки.